<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Around Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome icons -->
<!-- font -->
<link href='http://fonts.useso.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
<!-- //font -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>	
<!--animate-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
	<script>
		 new WOW().init();
	</script>
<!--//end-animate-->
</head>
<body>
	<!-- header -->
	<div class="header">
		<div class="top-header">
			<div class="container">
				<div class="top-header-info">
					<div class="top-header-left wow fadeInLeft animated" data-wow-delay=".5s">
						<p>这里有你想去，但不知怎么去的决心！</p>
					</div>
					<div class="top-header-right wow fadeInRight animated" data-wow-delay=".5s">
						<div class="top-header-right-info">
							<ul>
								<li><a href="login.html">登录</a></li>
								<li><a href="signup.html">注册</a></li>
							</ul>
						</div>
						<div class="social-icons">
							<ul>
								<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a class="twitter facebook" href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a class="twitter google" href="#"><i class="fa fa-google-plus"></i></a></li>
							</ul>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<div class="bottom-header">
			<div class="container">
				<div class="logo wow fadeInDown animated" data-wow-delay=".5s">
					<h1><a href="index.html"><img src="images/logo.jpg" alt="" /></a></h1>
				</div>
				<div class="top-nav wow fadeInRight animated" data-wow-delay=".5s">
					<nav class="navbar navbar-default">
						<div class="container">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">Menu						
							</button>
						</div>
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li><a href="index.html" class="active">主页</a></li>
								<li><a href="about.html">简介</a></li>
								<!-- <li><a href="codes.html">Codes</a></li> -->
								<li><a href="#" class="dropdown-toggle hvr-bounce-to-bottom" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">展览<span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li><a class="hvr-bounce-to-bottom" href="gallery1.html">浏览1</a></li>
										<li><a class="hvr-bounce-to-bottom" href="gallery2.html">浏览2</a></li>          
									</ul>
								</li>	
								<li><a href="blog.html">博客</a></li>
								<li><a href="contact.html">联系我们</a></li>
							</ul>	
							<div class="clearfix"> </div>
						</div>	
					</nav>		
				</div>
			</div>
		</div>
	</div>
	<!-- //header -->
	<!-- banner -->
	<div class="banner">
			<div class="slider">
				<h2 class="wow shake animated" data-wow-delay=".5s">放心，一路有我！</h2>
				<div class="border"></div>
				<script src="js/responsiveslides.min.js"></script>
				<script>
						// You can also use "$(window).load(function() {"
						$(function () {
						// Slideshow 4
							$("#slider3").responsiveSlides({
								auto: true,
								pager: true,
								nav: true,
								speed: 500,
								namespace: "callbacks",
								before: function () {
									$('.events').append("<li>before event fired.</li>");
								},
								after: function () {
									$('.events').append("<li>after event fired.</li>");
								}
							 });				
						});
				</script>
				<div  id="top" class="callbacks_container-wrap">
					<ul class="rslides" id="slider3">
						<li>
							<div class="slider-info">
								<h3 class="wow fadeInRight animated" data-wow-delay=".5s">会当凌绝顶，一览众山小</h3>
								<p class="wow fadeInLeft animated" data-wow-delay=".5s">对青年人来说，旅行是教育的一部分；对老年人来说，旅行是阅历的一部分。</p>
								<div class="more-button wow fadeInRight animated" data-wow-delay=".5s">
									<a href="single.html">开始体验	</a>
								</div>
							</div>
						</li>
						<li>
							<div class="slider-info">
								<h3>海日生残夜，江春入旧年</h3>
								<p>旅行不是为了抛下生活，而是为了不让生活舍弃我们</p>
								<div class="more-button">
									<a href="single.html">阅读更多</a>
								</div>
							</div>
						</li>
						<li>
							<div class="slider-info">
								<h3>风还在吹，路依然远</h3>
								<p>说走就走，是人生最华美的奢侈，也是最灿烂的自由</p>
								<div class="more-button">
									<a href="single.html">点击进入	</a>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
	</div>
	<!-- //banner -->
	<!-- banner-bottom -->
	<div class="banner-bottom">
		<div class="container">
			<div class="banner-bottom-grids">
				<div class="col-md-6 banner-bottom-left wow fadeInLeft animated" data-wow-delay=".5s">
					<div class="left-border">
						<div class="left-border-info">
							<p>欢迎来到我的世界！</p>
						</div>
					</div>
				</div>
				<div class="col-md-6 banner-bottom-left banner-bottom-right wow fadeInRight animated" data-wow-delay=".5s">
					<div class="left-border">
						<div class="left-border-info right-border-info">
							<p>Welcome to my world!</p>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //banner-bottom -->
	<!-- information -->
	<div class="information">
		<div class="container">
			<div class="information-heading">
				<h4 class="wow fadeInDown animated" data-wow-delay=".5s">小众景点去哪里！</h4>
				<p class="wow fadeInUp animated" data-wow-delay=".5s">小众旅游是指小范围或小圈子内的旅游。它更深入，更独特，需要体验到当地的生活文化和人文精神，或者以旅行为形式来实现某种专业或个人特定的目标。小众旅游小众、个性，与大众的观光旅游存在较大不同。</p>
			</div>
			
			<div class="information-grids">
				<div class="col-md-4 information-grid wow fadeInLeft animated" data-wow-delay=".5s">
					<div class="information-info">
						<div class="information-grid-img">
							<img src="images/8.jpg" alt="" />
						</div>
						<div class="information-grid-info">
							<h4>泾县桃花潭 </h4>
							<p>旧有诗云：“十里查村九里烟，三溪环绕万户间。寺庙亭台塔影下，小桥流水杏花天。”</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 information-grid wow fadeInUp animated" data-wow-delay=".5s">
					<div class="information-info">
						<div class="information-grid-info">
							<h4>洪崖洞黄金楼</h4>
							<p>远近闻名的“一态、三绝、四街、八景”。</p>
						</div>
						<div class="information-grid-img">
							<img src="images/3.jpg" alt="" />
						</div>
					</div>
				</div>
				<div class="col-md-4 information-grid wow fadeInRight animated" data-wow-delay=".5s">
					<div class="information-info">
						<div class="information-grid-img">
							<img src="images/7.jpg" alt="" />
						</div>
						<div class="information-grid-info">
							<h4>浙江乌镇</h4>
							<p>典型的中国江南水乡古镇，于1991年被评为浙江省历史文化名城</p>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //information -->
	
	<!-- popular -->
	<div class="popular">
		<div class="container">
			<div class="popular-heading information-heading">
				<h3 class="wow fadeInDown animated" data-wow-delay=".5s">热门景点</h3>
				<p class="wow fadeInUp animated" data-wow-delay=".5s">十大热门景点：香格里拉 长白山 神农架 九寨沟 北戴河 桂林 乌镇 千岛湖 拉萨 黄山</p>
			</div>
			<div class="popular-slide">
				<script>
						// You can also use "$(window).load(function() {"
						$(function () {
						// Slideshow 4
							$("#slider1").responsiveSlides({
								auto: true,
								pager: true,
								nav: false,
								speed: 500,
								namespace: "callbacks",
								before: function () {
									$('.events').append("<li>before event fired.</li>");
								},
								after: function () {
									$('.events').append("<li>after event fired.</li>");
								}
							 });				
						});
				</script>
				<div  id="top" class="callbacks_container-wrap">
					<ul class="rslides" id="slider1">
						<li>
							<div class="popular-slide-info wow bounceIn animated" data-wow-delay=".5s">
								<h4>香格里拉</h4>
								<p>香格里拉（别名香巴拉、人间天堂），是云南省迪庆藏族自治州下辖市及首府所在地，藏语意为“心中的日月”。</p>
							</div>
						</li>
						<li>
							<div class="popular-slide-info popular-slide1">
								<h4>长白山</h4>
								<p>长白山主峰长白山多白色浮石与积雪而得名，素有“千年积雪万年松，直上人间第一峰”的美誉。景区是拥有“神山、圣水、奇林、仙果”等盛誉的旅游胜地。长白山自古以来就是中国的神圣领土，是中华十大名山。长白山在《山海经》称不咸山，北魏称徒太山，唐称太白山，辽金已有长白山之名。</p>
							</div>
						</li>
						<li>
							<div class="popular-slide-info popular-slide2">
								<h4>九寨沟</h4>
								<p>九寨沟，位于四川省阿坝藏族羌族自治州九寨沟县境内，国家5A级景区，世界自然遗产，世界生物圈保护区，被世人誉为“童话世界”，号称“水景之王”，故有“九寨归来不看水”之说。</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="popular-grids">
				<div class="col-md-4 popular-grid wow fadeInLeft animated" data-wow-delay=".5s">
					<h5>北戴河</h5>
					<p>北戴河景区地处秦皇岛市北戴河区，是世界四大观鸟地之一，被誉为"观鸟的麦加"，国家AAAA级旅游景区。北戴河景区良好的生态环境带来了大量的生物资源，使其成为南北候鸟迁徙的一个驿站。除冬季外一年随时可见大量野生候鸟，已发现的种类就已达四百余种，其中不乏世界珍稀品种。</p>
				</div>
				<div class="col-md-4 popular-grid wow fadeInUp animated" data-wow-delay=".5s">
					<h5>桂林</h5>
					<p>桂林市是一座具有2000多年历史的文化名城。从远古至今，历代都在这里留下了灿烂的文化遗产。其中以甄皮岩为代表的史前文化，以宋代、明代古城池格局为代表的古代城市建设文化，以灵渠、相思棣为代表的古代水利科技文化，以名山胜迹、历代摩岩石刻为代表的山水文化，以靖江王城、王陵墓群为代表的明代藩王文化，以近、现代革命遗迹、历史纪念地为代表的近现代文化是桂林历史文化的精髓。</p>
				</div>
				<div class="col-md-4 popular-grid wow fadeInRight animated" data-wow-delay=".5s">
					<h5>千岛湖</h5>
					<p>千岛湖湖形呈树枝型，湖中大小岛屿1078个，主要景点有梅峰岛、猴岛、龙山岛、锁岛、三潭岛等。1982年，成为首批国家级风景名胜区。1986年11月，被林业部批复为国家森林公园。2001年，被评为国家AAAAA级景区。2002年，被评为中国保护旅游消费者权益示范景区和浙江青年文明号示范景区。</p>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //popular -->
	
	<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="footer-grids">
				<div class="col-md-3 footer-nav wow fadeInLeft animated" data-wow-delay=".5s">
					<h4>导航</h4>
					<ul>
						<li><a href="about.html">简介 About</a></li>
						<li><a href="gallery1.html">展览 Gallery</a></li>
						<li><a href="blog.html">博客 Blog</a></li>
						<li><a href="contact.html">联系我们 Contact</a></li>
					</ul>
				</div>
				<div class="col-md-5 footer-nav wow fadeInUp animated" data-wow-delay=".5s">
					<h4>新闻</h4>
					<p>景点新闻早知道，输入您的邮箱免费订阅</p>
					<form>
						<input type="email" id="mc4wp_email" name="EMAIL" placeholder="请输入您的邮箱" required="">
						<input type="submit" value="订阅">
					</form>
				</div>
				<div class="col-md-4 footer-nav wow fadeInRight animated" data-wow-delay=".5s">
					<h4>最近消息</h4>
					<div class="news-grids">
						<div class="news-grid">
							<h6>09/01/2021 : <a href="single.html">山东打好“五张牌”建设黄河文化旅游带</a></h6>
							<h6>13/07/2021 : <a href="single.html">黄金周新疆旅游区揽金23.42亿 收入同比翻倍</a></h6>
							<h6>13/02/2021 : <a href="single.html">“休闲汇”助力黄金周 烟台旅游总收入7352万</a></h6>
							<h6>28/11/2021 : <a href="single.html">海南黄金周旅游收入达11.39亿 较去年同期增28.05%</a></h6>
							<h6>19/01/2021 : <a href="single.html">大众旅游时代乡村旅游的新趋势</a></h6>
							<h6>23/02/2021 : <a href="single.html">不妨以门票优惠撬动冬春旅游市场</a></h6>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="copyright wow fadeInUp animated" data-wow-delay=".5s">
<!-- 				<p>Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
 -->			</div>
		</div>
	</div>
	<!-- //footer -->
</body>	
</html>